<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/template.xhtml">
	<ui:define name="title">
		SGMF :: Histórico do Veículo
	</ui:define>

	<ui:define name="content">
		<h:form id="form">
			<p:panel>
				<p:fieldset legend="Dados do Histórico">
                    <p:panelGrid columns="2" styleClass="borderless">
					<p:outputLabel value="Número" for="numero" />
                        <p:inputText id="numero" type="text" label="Número" value=""/>
					<p:outputLabel value="Placa do Veículo" for="placa" />
                        <p:inputText id="placa" label="Placa do Veículo" value=""/>
					<p:outputLabel value="Quilometragem" for="quilometragem" />
                        <p:inputText id="quilometragem" label="Quilometragem" value=""/>
					<p:outputLabel value="Data" for="data" />
                        <p:inputText id="data" label="Data" value=""/>
                    </p:panelGrid>
				</p:fieldset>
                <br/>
				<p:fieldset legend="Dianteira">
                    <p:panelGrid columns="2" styleClass="borderless">
	    				<p:outputLabel value="Pneu Direito" for="ddireito" />
                        <p:inputText id="ddireito" label="Pneu Direito" value=""/>
						<p:outputLabel value="Pneu Esquerdo" for="desquerdo" />
                        <p:inputText id="desquerdo" label="Pneu Esquerdo" value=""/>
					</p:panelGrid>
                </p:fieldset>
                <br/>
                <p:fieldset legend="Traseira">
                    <p:panelGrid columns="2" styleClass="borderless">
						<p:outputLabel value="Pneu Direito de Fora" for="tdireitofora" />
                        <p:inputText id="tdireitofora" label="Pneu Direito de Fora" value=""/>
						<p:outputLabel value="Pneu Esquerdo de Fora" for="tesquerdofora" />
                        <p:inputText id="tesquerdofora" label="Pneu Esquerdo de Fora" value=""/>
						<p:outputLabel value="Pneu Direito de Dentro" for="tdireitodentro" />
                        <p:inputText id="tdireitodentro" label="Pneu Direito de Dentro" value=""/>
						<p:outputLabel value="Pneu Esquerdo de Dentro" for="tesquerdodentro" />
                        <p:inputText id="tesquerdodentro" label="Pneu Esquerdo de Dentro" value=""/>
                    </p:panelGrid>
                </p:fieldset>
                <br/>
                <p:fieldset legend="Combustivel">
                    <p:panelGrid columns="2" styleClass="borderless">
						<p:outputLabel value="Combustível (lts.)" for="combustivel" />
						<p:inputText id="combustivel" label="Combustível (lts.)" value="#{HistoricoBean.combustivel}" />
					</p:panelGrid>
					<br />
					<p:commandButton value="Novo" icon="ui-icon-document" />
					<p:commandButton id="salvar" value="Salvar" icon="ui-icon-disk" />
				</p:fieldset>
			</p:panel>
            <br/>
            <p:commandButton id="buscar" value="Buscar" update=":form"/>
		</h:form>
	</ui:define>
</ui:composition>

</html>